<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>自定义属性设置、获取与移除</title>
	</head>
	<body>
		<div id="d" index="1"></div>
		<script>
			var myDiv = document.querySelector('div');
			// 获取元素的属性值
			console.log(myDiv.id);
			console.log(myDiv.getAttribute('index'));
			console.log(myDiv.getAttribute('id'));
			// 设置元素的属性值
			myDiv.id = "ddd";
			myDiv.setAttribute('index',2);
			myDiv.setAttribute('class','bg-red');
			//  移除元素的属性值
			myDiv.removeAttribute('index');
			
			
		</script>
	</body>
</html>